<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>欢迎访问奇思教育</title>
  <link rel="stylesheet" href="../bootstrap-3.4.1-dist/css/bootstrap.min.css">
  <script src="../bootstrap-3.4.1-dist/js/jquery-3.6.0.min.js"></script>
  <script src="../bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="css/main.css">
</head>
<body>
  <nav class="navbar navbar-default" role="navigation" id="m_nav">
    <div class="container">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand nav_href hidden-xs" href="#">
          <span class="glyphicon glyphicon-home"></span>
        </a>
        <div class="visible-xs m_b_top">
          <a class="navbar-brand nav_href" href="#">
          </a>
          <a class="clearfix"></a>
        </div>
      </div>
  
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
          <li class="m_l_divider"><a href="#" class="nav_href">关于我们</a></li>
          <li><a href="#" class="nav_href">课程体系</a></li>
          <li><a href="#" class="nav_href">教学成果</a></li>
          <li><a href="#" class="nav_href">教学案例</a></li>
          <li class="m_r_divider" ><a href="#" class="nav_href">教研团队</a></li>
          <li><a href="#" class="nav_href">联系我们</a></li>
        </ul>
      </div><!-- /.container-fluid -->
    </div>
  </nav>
  <div class="container-fluid" id="top_logo">
    <div id="nav_logo">
      <div id="nav_logo_s"></div>
    </div>
    <div id="nav_link" class="hidden-xs">
      <ul>
        <li class="nav_li"><a href="#nav01" class="nav_href">学生成果</a></li>
        <li class="nav_li"><a href="#nav02" class="nav_href">比赛作品</a></li>
        <li class="nav_li"><a href="#nav03" class="nav_href">优秀作品</a></li>
        <li class="nav_li"><a href="#nav04" class="nav_href">教学成果</a></li>
        <li class="nav_li"><a href="#nav05" class="nav_href">获奖情况</a></li>
        <li class="nav_li"><a href="#nav06" class="nav_href">通知公告</a></li>
        <li class="clear"></li>
      </ul>
    </div>
    <div id="m_nav_link" class="visible-xs text-center">
      <button type="button" class="btn btn-default btn-sm">学生成果</button>
      <button type="button" class="btn btn-default btn-sm">比赛作品</button>
      <button type="button" class="btn btn-default btn-sm">优秀作品</button>
      <button type="button" class="btn btn-warning btn-sm">教学成果</button>
      <button type="button" class="btn btn-warning btn-sm">获奖情况</button>
      <button type="button" class="btn btn-warning btn-sm">通知公告</button>
    </div>
  </div>
</body>
</html>